<!--
 * @Descripttion: 查看
 * @Author: wind-lc
 * @version: 1.0
 * @Date: 2021-06-04 11:17:28
 * @LastEditTime: 2022-12-07 16:16:14
 * @FilePath: \cscec-pms-admin\src\views\Legal\branchContract\otherTypesContract\detail.vue
-->
<template>
  <!-- 查看 -->
  <base-breadcrumb
    class="flexMemberInfo-container"
    :title="title"
    :breadcrumb="!isAudit"
  >
    <template v-if="$route.query.businessType === '1112'">
      <basic
        :type="'detail'"
        :is-consultation="isConsultation"
      />
    </template>
    <template v-else-if="$route.query.businessType === '1113'">
      <use-seal
        :type="'detail'"
        :is-consultation="isConsultation"
      />
    </template>
    <a-tabs
      v-else
      v-model="key"
      type="card"
      class="mb20 other-types-contract"
    >
      <a-tab-pane
        key="0"
        tab="基本信息"
      >
        <basic :type="'detail'" />
      </a-tab-pane>
      <a-tab-pane
        key="1"
        tab="用印详情"
      >
        <use-seal :type="'detail'" />
      </a-tab-pane>
    </a-tabs>
  </base-breadcrumb>
</template>
<script>
import Basic from './components/Basic'
import UseSeal from './components/UseSeal'
export default {
  name: 'Detail',
  components: {
    Basic,
    UseSeal
  },
  props: {
    // 是否作为审批详情
    isAudit: {
      type: Boolean,
      default: false
    },
    // 是否作为意见征询
    isConsultation: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      // 标签
      key: '0'
    }
  },
  computed: {
    title() {
      return this.$route.meta.title ? this.$route.meta.title + '新增' : ''
    }
  }
}
</script>
<style lang="less">
.other-types-contract .ant-tabs-bar {
  margin: 0;
}
</style>
<style lang="less" scoped></style>
